/**
 * 
 * @Description : 自定义搜索下拉框
 * 
 * @return void
 *
 * @author : pengjy
 * @date : 2015年12月13日 下午6:57:59 
 *
 */
(function(){
	jQuery.divselect = function(divselectid,inputselectid,data) {
		var inputselect = $(inputselectid);
		var ulHtml = "";
		for (var i = 0; i < data.length; i++) {
			var id = data[i].region_id;
			var name = data[i].region_name;
			var html="<li><a href=\"javascript:;\" selectid=\"$id\">$name</a></li>";
			html=html.replace(/\$id/g,id);
			html=html.replace(/\$name/g,name);
			ulHtml+=html;
		}
		$(divselectid+" ul").empty();
		$(divselectid+" ul").html(ulHtml);
		//输入框获取焦点事件
		$(divselectid+" input").focus(function(){
			$(this).attr("focusStatus",true);
			if ($(this).val().indexOf("搜索景区")>-1) {
				$(this).val("");
			}
			var ul = $(divselectid+" ul");
			//如果已出现，不再做动画
			if(ul.css("display")=="none"){
				ul.slideDown("fast");
			}
		});
		//输入框失去焦点事件
		$(divselectid+" input").blur(function(){
			$(this).attr("focusStatus",false);
			if ($(this).val()==null||$(this).val()==""||typeof($(this).val())=="undefined") {
				$(this).val("搜索景区，请输入名称");
				inputselect.val("");
			}
		});
		//输入框keyup事件
		$(divselectid+" input").keyup(function(){
			
		});
		
		//下拉项点击事件
		$(divselectid+" ul li a").click(function(){
			var txt = $(this).text();
			$(divselectid+" input").val(txt);
			var value = $(this).attr("selectid");
			inputselect.val(value);
			$(divselectid+" ul").hide();
			
		});
		
		$(document).click(function(){
			//如果输入框处于失去焦点状态，则隐藏下拉列表
			if ($(divselectid+" input").attr("focusStatus") == 'false') {
				$(divselectid+" ul").hide();
			}
		});
	};
})();